docs
Getting started Quickstart First CRUD App Core Concepts Core versions
v15.0.0 development v14.0.5 latest v14.0.4 v14.0.3 v14.0.2 v14.0.1 v13.0.9 v13.0.8 v13.0.7 v13.0.6 v13.0.5 v13.0.4 v13.0.3 v13.0.2 v13.0.1 v12.1.6 v12.1.1 v12.1.0 v12.0.7 v12.0.6 v12.0.5 v12.0.4 v12.0.3 v12.0.1 v12.0.0 v11.5.18 v11.5.15 v11.5.13 v11.5.7 v11.5.5 v11.5.3 v11.4.7 v11.3.3 v11.3.2 v11.3.0 v11.2.5 v11.2.1 v11.1.17 v11.0.1 v11.0.0 v10.6.7 v10.6.2 v10.6.1 v10.5.10 v10.5.2 v10.4.54 v10.4.53 v10.4.52 v10.4.51 v10.4.47 v10.4.46 v10.4.29 v10.4.28 v10.4.21 v10.4.20 v10.4.16 v10.4.15 v10.4.14 v10.4.7 v10.3.14 v10.3.13 v10.3.11 v10.3.2 v10.2.9 v10.2.7 v10.2.1 v10.1.2 v10.0.18 v9.4.42 v9.4.39 v9.4.4 v9.3.25 v9.3.13 v9.3.5 v9.3.2 v9.2.15 v9.2.5

Cluster

Getting Access User Access User Roles Explained Token Device Data Deployment Usage Build Your First API API Guide API's
api-history audit-logs authentication authentication-groups blueprint-action-types blueprint-actions blueprint-activity blueprint-changes blueprint-comments blueprint-components blueprint-events blueprint-fields blueprint-flows blueprint-tags blueprint-templates blueprint-validation blueprints cache-management cluster-statistics entity-management feedback ip-management language language-management languages local-devices node-settings password-reset queue react-components redis-keys settings storage storage-events system system---languages system-assets system-hints system-information system-key-value system-logs system-nodes system-security system-storages system-threads system-upgrades system-users user-activity user-groups user-logs users well-known

Blocks

All blocks
Apple API Home Automaton NS a* path finding aggregation alias amazon aws android anthropic apn array attributes banking base64 broadcast browser condition crypto currency date discord dobot edifact events field validation fields files finance float floriday flow foreach ftp function execution function selectors funnels geopoint github globals google google maps http http connection injectable functions json json web token jsonp lettermint line stop listener locking logging mailchimp math messagebird modal functions mollie mssgs mssql mutations number object openstreetmap pathfinding places postmark postmark account printer query querystring queue redis references regexp saltedge scopes session management sftp shipping soap connection state state actions state elements state events state execution state triggers state ui storage studio functions stylesheet styling system settings threads tikkie timers timezone translations twilio twinfield type casting ui ui class users value vat video webhooks websocket xml zip zpl
Block Templates Finding Blocks

Interfaces

Context Menu Components RUAL Library RUAL Components RUAL Studio Handle Iterations Overwrite Defaults

Blueprints

Introduction Tips & tricks Best Practices Common Blueprint Patterns Block Execution Object References Locking & Concurrency Storages Storage Events Storage Examples Repeating Events Queue Assets System Settings System Settings Reference Common pitfals Precompiling Remote access control Places and Geo Search

Tutorials

Building User Authentication Creating a REST API Dashboard with Charts File Upload & Processing Email System Setup Third-Party Integrations Building AI Endpoints Building a Login Page Building a Reporting API City Filter Uploads API with Locking

Examples

Simple Blog E-Commerce Catalog User Management Booking System Inventory Tracker Task Management

Reference

Block Quick Reference API Endpoint Reference System Settings Quick Ref Component Props Reference Error Code Reference Location Blocks

Architecture

Choosing Your Approach Version Management

Troubleshooting

Common Issues & Fixes Debugging Blueprints

Other

React Native
Support
© 2026 Deverence Group B.V.

uptime chart

This block is part of the Component UI group and was last modified in core v10.4.28.

uptime chart v10.4.28

Uptime chart

In pins 8
  • Name required
    value
  • Data required
    array

    Each object in the data is a bar, specify a field in the object for the color, and connect it to the color field pin

  • Color field required
    fielddefinitions

    Include in your object a field with a color,

  • Unavailability required
    fielddefinitions

    When the selected field is filled in your object it will be used to calculate the uptime. This field needs to be a date/number with the total downtime in minutes

  • Date required
    fielddefinitions

    This field will be used to dispaly the day

  • Unavailable info required
    fielddefinitions

    Info why it was

  • Max
    number

    Max amount of bars in the chart

    Default 90

  • Default color
    value

    The color of the bar when the downtime/color field is not filled

    Default green

Out pins 1
  • uicomponent
    uicomponent
graph

A typical wiring for uptime chart: value feeds the name pin; with values feeds the data pin; combine feeds the colorfield pin; combine feeds the calculatefield pin; combine feeds the datefield pin; combine feeds the unavailableinfo pin; the uicomponent out pin feeds build PDF.

Studio canvas example for the uptime chart block: typical wiring for uptime chart.

Version history

Introduced in v10.4.28.

Back to Component UI Return to the main group to view all sub-groups Back to customgraph Return to the group to view all blocks within this group

Was this page helpful? Tell us what to improve · RUAL Docs is an integral component of the RUAL ecosystem